{include file="public/header" /}
<body class="bgc hide-top">
<div class="index-container">
    <img src="/static/index/img/icon45.png" alt="">
    <div class="index-content">
        <div class="pro-list-search index-search">
            <div class="rgt">
                <img src="/static/index/img/icon43.png" alt="">
                <input type="text" placeholder="输入商品关键字搜索" disabled>
                <p class="flex-center"  onclick="load_href('{:url(\'product/search\')}',2)">搜索</p>
            </div>
        </div>
        <div class="index-swiepr">
            <div class="swiper">
                <div class="swiper-container carousel">
                    <div class="swiper-wrapper">
                        {foreach name="carousel" item="vo"}
                        <div class="swiper-slide" data-id="1">
                            <img src="{$vo.images}" alt=""/>
                        </div>
                        {/foreach}
                    </div>
                    <div class="swiper-pagination"></div>
                </div>
            </div>
        </div>
<!--        <div class="index-swiepr swiper-nav">-->
<!--            <div class="swiper">-->
<!--                <div class="swiper-container carousel-nav">-->
<!--                    <div class="swiper-wrapper">-->
<!--                        <div class="swiper-slide flex-center">-->
<!--                            <ul class="nav-list">-->
<!--                                {foreach name="cate" item="vo"}-->
<!--                                <li onclick="load_href('{:url(\'product/index\')}?cate_1={$vo.id}',2)">-->
<!--                                    <p class="flex-center">-->
<!--                                        <img src="{$vo.icon}" alt="">-->
<!--                                    </p>-->
<!--                                    <p>{$vo.title}</p>-->
<!--                                </li>-->
<!--                                {/foreach}-->
<!--                            </ul>-->
<!--                        </div>-->
<!--                    </div>-->
<!--                </div>-->
<!--            </div>-->
<!--        </div>-->

        <ul class="index-shop">
            <li onclick="load_href('{:url(\'product/index\')}?cate_1=1',2)">
                <div>
                    <p>特惠专区</p>
                    <p class="hint">更多好物值得信赖</p>
                    <p class="go">GO ></p>
                </div>
                <p class="flex-center">
                    <img src="/static/index/img/icon28.png" alt="">
                </p>
            </li>
            <li onclick="load_href('{:url(\'product/index\')}?cate_1=4',2)">
                <div>
                    <p>工厂直发</p>
                    <p class="hint">最新好物等你来</p>
                    <p class="go">GO ></p>
                </div>
                <p class="flex-center">
                    <img src="/static/index/img/icon28.png" alt="">
                </p>
            </li>
        </ul>

        <div class="index-title flex-center" style="color: #fff">
            <img src="/static/index/img/icon46.png" alt="">热门推荐
            <img src="/static/index/img/icon47.png" alt="">
        </div>

        <div class="tpl_list" style="padding-bottom: 5rem">

        </div>
    </div>
</div>
<script id="template" type="text/html">
    <ul class="index-list tpl_list">
        {{# for(var i = 0; i < d.data.length; i++){ }}
        <li>
            <a href="{:url('product/details')}?id={{d.data[i].id}}">
                <p class="flex-center">
                    <img lay-src="{{d.data[i].icon}}" src="{{d.data[i].icon}}" alt="">
                </p>
                <div>
                    <p class="multi">{{d.data[i].title}}</p>
                    <p class="price">￥<span>{{d.data[i].vip_price}}</span></p>
                    <p class="flex-layout"><span>￥{{d.data[i].price}}</span>销量{{d.data[i].sales}}</p>
                </div>
            </a>
        </li>
        {{# } }}
    </ul>
</script>

{include file="public/menu" select="1" /}
</body>
{include file="public/footer"/}
<script src="/static/index/js/swiper-bundle.js"></script>
<script>
    $(function () {
        getFlow(1, "{:url('product/getList')}?pick=1");

        var swiper = new Swiper('.carousel', {
            pagination: {
                el: '.swiper-pagination',
            },
            autoplay: {
                delay: 3000,
                disableOnInteraction: false,
            },
            loop: true
        });
    })
</script>
</html>